<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>Admin</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../../../../common/css/normalize.css">
    <link rel="stylesheet" href="../../../../common/css/common.css">
    <link rel="stylesheet" href="../../../../common/css/page.css">
    <link rel="stylesheet" href="../../../../common/css/table.css">
  </head>
<body>
  <div class="page">
    <div class="page-crumbs">
      <div class="page-crumbs-main">
        <a href="">系统管理</a>
        >
        <a class="current" href="">工作流管理</a>
      </div>
      <div class="page-crumbs-time">
        2017年6月6日 星期六 18:06:06
      </div>
    </div>
    <div class="page-content">
      <div class="page-block">
        <div class="table">
          <div class="table-tools">
            <div class="float-left">
              <input class="search-input" type="text" placeholder="搜索关键字" name="keywords">
            </div>
            <div class="float-right">
              <button class="mediu-button icon export">导出</button>
              <button class="mediu-button icon add">增加</button>
              <button class="mediu-button icon restore">还原</button>
            </div>
          </div>
          <div class="table-content">
            <table>
              <thead>
                <tr>
                  <th width="21%">工作流名称</th>
                  <th width="42%">工作流描述</th>
                  <th width="13%">创建人</th>
                  <th width="29%">备注</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>创业立项流程</td>
                  <td>用于创业立项的流程</td>
                  <td>nice</td>
                  <td>
                    <div class="operate float-right">
                      <button class="icon-button edit"></button>
                      <button class="icon-button delete"></button>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>创业立项流程</td>
                  <td>用于创业立项的流程</td>
                  <td>nice</td>
                  <td>
                    <div class="operate float-right">
                      <button class="icon-button edit"></button>
                      <button class="icon-button delete"></button>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>创业立项流程</td>
                  <td>用于创业立项的流程</td>
                  <td>nice</td>
                  <td>
                    <div class="operate float-right">
                      <button class="icon-button edit"></button>
                      <button class="icon-button delete"></button>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="table-pagination fix">
            <div class="float-left">
              当前第<span class="current-page">6</span> / <span class="all-page">13</span>页，每页<span class="page-num">10</span>条，共<span class="records">128</span>条记录
            </div>
            <div class="float-right">
              <button class="small-button primary first">首页</button>
              <button class="small-button primary last">上一页</button>
              <button class="small-button next">下一页</button>
              <button class="small-button primary final">尾页</button>
              <input name="pageNumber" type="text">
              <button class="small-button redirct">跳转</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../../../common/js/jquery.min.js"></script>
  <script src="../../../../common/plugins/layer/layer.js"></script>
  <script>
    $(function() {
      $(document).on('click', 'table .edit', function() {
        layer.open({
          type: 1,
          shadeClose: true,
          title: false,
          closeBtn: 0,
          skin: 'popup',
          area: '400px',
          btn: ['确定', '取消'],
          sure: function() {
            return true;
          },
          content: '\<\div style="padding:20px;">自定义内容\<\/div>'
        });
      });
    });
  </script>
</body>
</html>